<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢买_白菜价</title>
    <link rel="stylesheet" href="./lib/mui/css/mui.css">
    <link rel="stylesheet" href="./lib/fontawesome/css/font-awesome.css">
    <link rel="stylesheet" href="./css/nan_cdp.css">
</head>

<body>
    <header>
        <a href="javascript:;">凑单品</a>
        <div class="search"><input type="search" placeholder="好偏移 快来搜"></div>

        <i class="fa fa-list-ul "></i>
    </header>
    <div class="nan_main">
        <div class="tab_bar">
            <ul class="mui-table-view">
            </ul>
        </div>
        <div class="product">
            <ul>
               
            
            </ul>
        </div>
    </div>
    <footer>
        <div class="footer_log">
            <a href="" class="log">登录</a>
            <a href="" class="reg">注册</a>
            <a href="javascript:;" class="toTop">
                <i class="fa fa-arrow-up"></i>
                <span>返回顶部</span>
            </a>
        </div>
        <div class="foot_link">
            <p>
                <a href="" class="app">手机APP下载</a>
                <a href="" class="mobile">慢慢买手机版</a>
                -- 掌上比价平台
            </p>
            <p>m.manmanbuy.com </p>
        </div>
    </footer>


</body>
<script src="./lib/mui/js/mui.js"></script>
<script src="./lib/zepto/zepto.js"></script>
<script src="./js/nan_cdp.js"></script>
<script src="./lib/iscroll/iscroll.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>

</html>
<!-- 商店列表的模板 -->
<script type="text/html" id="tp1">
    <li  class="shop mui-table-view-cell mui-collapse">
        <a  class="mui-navigate-right" href="#">{{arr[0].shopName}}</a>
        {{each arr item index}}
        <div  data-shopid="{{item.shopId}}" class="mui-collapse-content">
            {{item.shopName}}
        </div>
        {{/each}}
    </li>
</script>

<!-- 地区和一元的模板 -->
<script type="text/html" id="tp2">
    <li class="area mui-table-view-cell mui-collapse">
        <a class="mui-navigate-right" href="#">华北</a>
        {{each arr item index}}
        <div data-areaid="{{item.areaId}}" class="mui-collapse-content">
            {{item.areaName}}
        </div>
        {{/each}}
    </li>
    <li class="mui-table-view-cell mui-collapse">
        <a class="mui-navigate-right" href="#">1元</a>
        <div class="mui-collapse-content">
            全部价格
        </div>
    </li>
</script>

<script type="text/html" id="tp3">
    {{each arr item index}}
    <li>
        <a href="javascript:;">
            <img src={{item.productImg}}
                alt="">
            <p>{{item.productName}}</p>
            <div class="price">
                <span>{{item.productPrice}}</span>
                <span>去凑单</span>
            </div>
        </a>
    </li>
    {{/each}}
</script>